<template>
  <div class="footer">
    <div class="content">
      <div class="module">
        <dl>
          <dt>赛事</dt>
          <dd><a href="#">WTT球星赛布达佩斯站</a></dd>
          <dd><a href="#">WTT冠军赛布达佩斯站</a></dd>
          <dd><a href="#">成都世乒赛团体赛</a></dd>
          <dd><a href="#">WTT冠军赛澳门站</a></dd>
          <dd><a href="#">WTT新乡世界杯决赛</a></dd>
        </dl>
        <dl>
          <dt>赛果</dt>
          <dd><a href="#">所有比赛明细</a></dd>
          <dd><a href="#">比赛胜率</a></dd>
          <dd><a href="#">战绩锦集</a></dd>
          <dd><a href="#">世界排名</a></dd>
        </dl>
        <dl>
          <dt>产出</dt>
          <dd><a href="#">乒乓球小课堂</a></dd>
          <dd><a href="#">乒乓球用语辞典</a></dd>
          <dd><a href="#">应援周边</a></dd>
          <dd><a href="#">同款收集</a></dd>
          <dd><a href="#">专题特别企划</a></dd>
        </dl>
        <dl>
          <dt>资讯</dt>
          <dd><a href="#">媒体采访</a></dd>
          <dd><a href="#">路透饭拍</a></dd>
          <dd><a href="#">新闻报道</a></dd>
          <dd><a href="#">商业活动</a></dd>
          <dd><a href="#">他人提及</a></dd>
        </dl>
        <dl>
          <dt>关于</dt>
          <dd><a href="#">组织介绍</a></dd>
          <dd><a href="#">招贤纳士</a></dd>
          <dd><a href="#">联系我们</a></dd>
        </dl>
        <dl>
          <dd>
            <img src="./images/logo.jpg" alt="logo" />
            邮箱：sysdocs@163.com
          </dd>
        </dl>
      </div>
      <div class="copyright">
        <div>©2022 SYSDOCS. All rights reserved.</div>
        <div>
          <svg
            t="1665399766444"
            class="icon"
            viewBox="0 0 1138 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="3639"
            width="24"
            height="24"
          >
            <path
              d="M914.432 518.144q27.648 21.504 38.912 51.712t9.216 62.976-14.336 65.536-31.744 59.392q-34.816 48.128-78.848 81.92t-91.136 56.32-94.72 35.328-89.6 18.944-75.264 7.68-51.712 1.536-49.152-2.56-68.096-10.24-78.336-21.504-79.872-36.352-74.24-55.296-59.904-78.848q-16.384-29.696-22.016-63.488t-5.632-86.016q0-22.528 7.68-51.2t27.136-63.488 53.248-75.776 86.016-90.112q51.2-48.128 105.984-85.504t117.248-57.856q28.672-10.24 63.488-11.264t57.344 11.264q10.24 11.264 19.456 23.04t12.288 29.184q3.072 14.336 0.512 27.648t-5.632 26.624-5.12 25.6 2.048 22.528q17.408 2.048 33.792-1.536t31.744-9.216 31.232-11.776 33.28-9.216q27.648-5.12 54.784-4.608t49.152 7.68 36.352 22.016 17.408 38.4q2.048 14.336-2.048 26.624t-8.704 23.04-7.168 22.016 1.536 23.552q3.072 7.168 14.848 13.312t27.136 12.288 32.256 13.312 29.184 16.384zM656.384 836.608q26.624-16.384 53.76-45.056t44.032-64 18.944-75.776-20.48-81.408q-19.456-33.792-47.616-57.344t-62.976-37.376-74.24-19.968-80.384-6.144q-78.848 0-139.776 16.384t-105.472 43.008-72.192 60.416-38.912 68.608q-11.264 33.792-6.656 67.072t20.992 62.976 42.496 53.248 57.856 37.888q58.368 25.6 119.296 32.256t116.224 0.512 100.864-21.504 74.24-33.792zM522.24 513.024q20.48 8.192 38.912 18.432t32.768 27.648q10.24 12.288 17.92 30.72t10.752 39.424 1.536 42.496-9.728 38.912q-8.192 18.432-19.968 37.376t-28.672 35.328-40.448 29.184-57.344 18.944q-61.44 11.264-117.76-11.264t-88.064-74.752q-12.288-39.936-13.312-70.656t16.384-66.56q13.312-27.648 40.448-51.712t62.464-38.912 75.264-17.408 78.848 12.8zM359.424 764.928q37.888 3.072 57.856-18.432t21.504-48.128-15.36-47.616-52.736-16.896q-27.648 3.072-43.008 23.552t-17.408 43.52 9.728 42.496 39.424 21.504zM778.24 6.144q74.752 0 139.776 19.968t113.664 57.856 76.288 92.16 27.648 122.88q0 33.792-16.384 50.688t-35.328 17.408-35.328-14.336-16.384-45.568q0-40.96-22.528-77.824t-59.392-64.512-84.48-43.52-96.768-15.872q-31.744 0-47.104-15.36t-14.336-34.304 18.944-34.304 51.712-15.36zM778.24 169.984q95.232 0 144.384 48.64t49.152 146.944q0 30.72-10.24 43.52t-22.528 11.264-22.528-14.848-10.24-35.84q0-60.416-34.816-96.256t-93.184-35.84q-19.456 0-28.672-10.752t-9.216-23.04 9.728-23.04 28.16-10.752z"
              p-id="3640"
              fill="#bfbfbf"
            ></path>
          </svg>
          <svg
            t="1665399654664"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2687"
            width="24"
            height="24"
          >
            <path
              d="M960.862 621.881c0-128.796-122.159-233.206-272.851-233.206S415.16 493.086 415.16 621.881s122.159 233.206 272.851 233.206c33.442 0 65.473-5.152 95.081-14.562l93.804 41.448s-17.002-62.341-20.434-76.623c63.569-42.697 104.4-109.007 104.4-183.469z m-365.684-41.497c-21.305 0-38.575-17.271-38.575-38.575s17.271-38.575 38.575-38.575c21.305 0 38.575 17.271 38.575 38.575s-17.27 38.575-38.575 38.575z m184.695 0c-21.305 0-38.575-17.271-38.575-38.575s17.271-38.575 38.575-38.575c21.305 0 38.575 17.271 38.575 38.575s-17.27 38.575-38.575 38.575z"
              p-id="2688"
              fill="#bfbfbf"
            ></path>
            <path
              d="M692.201 367.634c4.055 0 8.085 0.087 12.101 0.219-27.758-128.492-159.512-225.826-317.881-225.826-178.544 0-323.283 123.709-323.283 276.31 0 88.224 48.377 166.791 123.697 217.379-4.067 16.922-24.211 90.786-24.211 90.786l111.142-49.109c35.081 11.149 73.033 17.254 112.655 17.254 4.801 0 9.571-0.107 14.321-0.285-7.979-22.804-12.279-46.927-12.279-71.897 0-140.738 135.988-254.831 303.738-254.831z m-195.789-89.876c25.243 0 45.706 20.463 45.706 45.706s-20.463 45.705-45.706 45.705-45.706-20.462-45.706-45.705 20.464-45.706 45.706-45.706zM277.58 369.169c-25.243 0-45.705-20.462-45.705-45.705s20.463-45.706 45.705-45.706c25.243 0 45.706 20.463 45.706 45.706s-20.463 45.705-45.706 45.705z"
              p-id="2689"
              fill="#bfbfbf"
            ></path>
          </svg>
          <svg
            t="1665399807189"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="4631"
            width="24"
            height="24"
          >
            <path
              d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z"
              p-id="4632"
              fill="#bfbfbf"
            ></path>
          </svg>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped>
.footer {
  position: relative;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: 300px;
  margin: auto;
}
.content {
  width: 100%;
  background-color: #f5f5f5;
  margin: auto;
  height: 100%;
  padding-top: 30px;
}
.module {
  height: 185px;
  border-bottom: 1px solid #ccc;
  padding-left: 50px;
}
.module dl {
  width: 15rem;
  float: left;
}
.module dl:last-child {
  width: 10rem;
  float: left;
  text-align: center;
}
.module dl dt {
  font-size: 16px;
  margin-bottom: 10px;
}
.module dl dd {
  font-size: 10px;
  line-height: 16px;
  color: #ccc;
}
.copyright {
  display: flex;
  justify-content: space-between;
  padding: 30px 50px;
  color: #bfbfbf;
}
.copyright svg {
  margin-left: 20px;
}
</style>
